<!DOCTYPE html>
<html> 
<head>
<!-- Blueprint CSS -->
<link rel="stylesheet" href="style/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="style/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="../../blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

<!-- Import buttons plugin -->
<link rel="stylesheet" href="style/blueprint/plugins/buttons/screen.css" type="text/css" media="screen, projection">

<!-- Seeturtle CSS -->
<link rel="stylesheet" type="text/css" href="style/style.css" />

<!-- CodeMirror Javascript and CSS files -->
<script src="CodeMirror-2.23/lib/codemirror.js"></script>
<script src="CodeMirror-2.23/mode/go/go.js"></script>
<link rel="stylesheet" href="CodeMirror-2.23/lib/codemirror.css">
<link rel="stylesheet" href="CodeMirror-2.23/theme/elegant.css">
<style>.CodeMirror {border: 1px solid black; background: rgb(256,250,50); font-size: 14px}</style>

<!-- Seeturtle Javascript files -->
<script type="text/javascript" src="js/Tokenizer.js"></script>
<script type="application/javascript" src="js/interpreter.js"> </script>	
<script type="application/javascript" src="js/render_functions.js"></script>
<script type="application/javascript" >
function load_commands_help() {
    window.open("tutorial.html","_blank","toolbar=yes, location=no, directories=no, status=no, menubar=no, scrollbars=yes, copyhistory=no, width=400, height=400");
}
function load_about() {
    window.open("about.html","_blank","toolbar=yes, location=no, directories=no, status=no, menubar=no, scrollbars=yes, copyhistory=no, width=400, height=400");
}
</script>
</head>

<body id="background1" onload="begin()">

<div class="container">
    <div id="header" class="span-17 last">
	<h1>Welcome to Seeturtle!</h1>
    </div>
    <div id="header" class="span-7 last">
    <br>
	<h3><a href="javascript:load_commands_help()">Commands</a> &nbsp;
	<a href="javascript:load_about()">About Seeturtle</a></h3>
    </div>
    <hr id="myhr">
    <div class="span-10">
	<h3 id="myh3">Enter the code here:</h3><br/>
	<!-- onkeyup="split_lines(mytext.value)" -->
	<textarea id="mytext" rows=10 cols=20></textarea>
	<br>
	<input type=submit class="button" value="Run" onclick="actionDelay = 100; drawDelay = 1; execute()"/>
	<input type=submit class="button" value="Run at full speed" onclick="actionDelay = 0; drawDelay = 0; execute()"/>
	<input type=submit class="button" value="Save canvas" onclick="saveAsPNG()"/>
        <br> <br>
        <div id="errorDisplayDiv" style="visibility: hidden;" class="error"></div>
        <!--a id="testing">Click to get the image</a-->
    </div>
    <div class="span-3">
    &nbsp;
    </div>
    <div class="span-11 last">
	<canvas id="canvas"></canvas>
	<canvas id="turtle"></canvas>
    </div>
    <div id="footer" class="span-24 last">
	<hr id="footerline">
	License: MIT License | Author: Kashyap Garimella | <a href="http://code.google.com/p/seeturtle/">Website</a>
    </div>
</div>
</body>
</html>
